<template>
    <div class="update-birthday">
        <van-datetime-picker
          v-model="currentDate"
          type="date"
          :min-date="minDate"
          :max-date="maxDate"
          @cancel="$emit('close')"
          @confirm="onConfirm"
        />
    </div>
</template>

<script>
import { updateUserProfile } from '@/api/user'
import dayjs from 'dayjs'

export default {
    name: 'UpdateBirthday',
    components: {},
    props: {
        value: {
            type: String,
            required: true
        }
    },
    data () {
        return {
            minDate: new Date(1970, 0, 1),
            maxDate: new Date(),
            currentDate: new Date(this.value)
        }
    },
    computed: {},
    watch: {},
    created () {},
    mounted () {},
    methods: {
        async onConfirm () {
            // 请求提交用户生日
            // 更新父组件中的用户生日
            // 关闭弹出层
            this.$toast.loading({
                message: '保存中',
                forbidClick: true // 禁止背景点击
            })

            // const data = `${this.currentDate.getFullYear()}-${this.currentDate.getMonth() + 1}
            // -${this.currentDate.getDate()}`

            const data =dayjs(this.currentDate).format('YYYY-MM-DD')

            // 请求提交更新用户生日
            await updateUserProfile({
                birthday: data
            })

            this.$emit('input', data)
            this.$emit('close')

            this.$toast.success('保存成功')
        }
    }
}
</script>